/*背景图要可以移动*/
body{
	/*background是一个复合属性 +路径地址+背景图尺寸（数值px或者百分比（高度不能写100%））*/
	background: url(../img/bg.jpg) no-repeat;
	background-size: 100% 867px;
}
h1{
	font-size: 50px;/*文本尺寸*/
	font-family: "华文彩云";/*文本字体*/
	color: #550000;/*文字颜色*/
	text-shadow: 5px 5px 5px #000;/*文字阴影*/
	opacity: .7;
}
/*熊要旋转和移动 用空间和背景图*/
#bear{
	width: 400px;
	height: 400px;
	/*背景图”熊“*/
	background: url(../img/bear_1.png) no-repeat;
	background-size:100% 100%;
	position: relative;
	top:-67px;
	left: -63px;
	animation: bear 10s linear infinite;
}
@keyframes bear{
	0%{
		background: url(../img/bear_1.png) no-repeat;
		background-size:100% 100%;
		position: relative;
		top:-67px;
		left: -63px;
	}
	10%{
		background: url(../img/bear_2.png) no-repeat;
		background-size:100% 100%;
		position: relative;
		top:80px;
		left: 60px;
	}
	20%{
		background: url(../img/bear_3.png) no-repeat;
		background-size:100% 100%;
		position: relative;
		top:300px;
		left: 400px;
	}
	30%{
		background: url(../img/bear_4.png) no-repeat;
		background-size:100% 100%;
		position: relative;
		top:-220px;
		left: 0px;
	}
	40%{
		background: url(../img/bear_5.png) no-repeat;
		background-size:100% 100%;
		}
	50%{
		background: url(../img/bear_6.png) no-repeat;
		background-size:100% 100%;
		}
	60%{
		background: url(../img/bear_7.png) no-repeat;
		background-size:100% 100%;
		}
	70%{
		background: url(../img/bear_8.png) no-repeat;
		background-size:100% 100%;
		}
	80%{
		background: url(../img/bear_9.png) no-repeat;
		background-size:100% 100%;
	}
	90%{
		background: url(../img/bear_10.png) no-repeat;
		background-size:100% 100%;
		}
}